@charset "utf-8";
/* CSS Document */
@import url("login.css");

html{margin:0; padding:0;}
body{margin:0; padding:0; font-family:Arial, Geneva, SunSans-Regular, sans-serif; font-size:12px; line-height:16px;}
img{ border:0;}
.clr{ margin:0; padding:0; clear:both;}
a{text-decoration:none; color:#2869AE;transition: all 0.2s ease-out 0s;}
a:hover{color:#4187D3;}
h3{ font-size:26px; line-height:28px; font-weight:normal; color:#2869AE; border-bottom:1px dotted #CCC; padding-bottom:10px; margin-bottom:10px;}
h4{ font-size:20px; line-height:22px; font-weight:normal; color:#2869AE; border-bottom:1px dotted #CCC; padding-bottom:5px; margin-bottom:10px;}

.left{ float:left;}
.right{ float:right;}

#response, .error{ color: #AA0000; }

.hide { display: none; }

.num_online{ padding-top: 10px; }

textarea { font-family:Arial, Geneva, SunSans-Regular, sans-serif; font-size:12px; }

.f_container{ margin:0 auto; padding:0; width:960px;}

#f_header{ margin:0; padding:0; background: url('../img/template/header-bg.png') top left repeat-x; height:117px; border-top:2px solid #2869AE;}
#f_header .f_container{background: url('../img/template/header-resize-bg.png') top no-repeat; height:117px;}
#f_header .f_container .logo{ float:left; width:325px;}
#f_header .f_container .top_nav{ float:right; width:215px;}
#f_header .f_container .top_nav ul{list-style:none; margin:5px 0; padding:0 10px;}
#f_header .f_container .top_nav ul li{ float:left; padding:5px 9px;}
#f_header .f_container .top_nav ul li a.active{ border-bottom:2px solid #2869AE; padding-bottom:3px;}
#f_header .f_container .top_nav ul li a{ color:#333; font-size:12px; letter-spacing:0.3px; transition: all 0.2s ease-out 0s; padding:0 3px}
#f_header .f_container .top_nav ul li a:hover{ color:#2869AE;}

nav{ margin:0; padding:0; background:#2869AE; min-height:10px; }

.main-menu{ margin:0 auto; padding:0; width:960px; height:36px;}
.main-menu ul.menu{ margin:0; padding:0; list-style:none; float: left}
.main-menu ul li{ float:left; padding:0 20px; background:url('../img/template/separator.jpg') right no-repeat;}
.main-menu ul li a{ color:#fff; text-transform:uppercase; font-size:14px; line-height:36px;}
.main-menu ul li a:hover{ color:#fff; text-transform:uppercase; font-size:14px; line-height:36px;text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);}
.main-menu ul li.active{ color:#CCC; background:url('../img/template/white-50.png') repeat;}

.main-menu ul.profil-menu{ margin:0; padding:0; list-style:none; float: right; width:146px; height:36px;}
.main-menu ul.profil-menu li{ margin:0; padding:0; background:none}
.main-menu ul.profil-menu li a{margin:5px; padding:0;width:26px; height:26px; display:block}
.main-menu ul.profil-menu li.request a{  background: url('../img/template/request.png') center -26px no-repeat; }
.main-menu ul.profil-menu li.request a.active{background: url('../img/template/request.png') center 0 no-repeat;}
.main-menu ul.profil-menu li.message a{  background: url('../img/template/message.png') center -26px no-repeat; }
.main-menu ul.profil-menu li.message a.active{background: url('../img/template/message.png') center 0 no-repeat;}
.main-menu ul.profil-menu li.presents a{  background: url('../img/template/presents.png') center -26px no-repeat; }
.main-menu ul.profil-menu li.presents a.active{background: url('../img/template/presents.png') center 0 no-repeat;}
.main-menu ul.profil-menu li.poke a{  background: url('../img/template/poke.png') center -26px no-repeat; }
.main-menu ul.profil-menu li.poke a.active{background: url('../img/template/poke.png') center 0 no-repeat;}

.headerimg{background-position: center top; background-repeat: no-repeat; width:100%; height:450px; position:absolute;}
.home-reg{ background:url('../img/template/home-reg-form-bg.png') repeat; width:320px; height:450px; position: absolute; float:right; left:50%; margin-left:130px; padding:0 15px; color:#fff}
.home-reg h1{ font-size:24px; font-weight:normal; color:#fff; line-height:30px; text-align:left; padding-bottom:15px}
.home-reg h1 span{color:#2869AE;}
.home-reg .reg-row{ background:url('../img/template/home-reg-form-bg.png') repeat; width:310px; height:30px; padding:5px; margin:7px 0;}
.home-reg .reg-row p{ font-size:12px; color:#fff; width:80px; padding-right:10px; float:left; margin:0;}
.home-reg .reg-row span{ font-size:12px;}
.home-reg .reg-row p span{ line-height:30px;}
.home-reg .reg-row input[type="text"]{border:none; background: url('../img/template/home-reg-bg.png') center center no-repeat; width:206px; height:30px; float:right; padding:0 7px;}
.home-reg input[type="submit"]{border:none; background: url('../img/template/home-reg-btn.png') center center no-repeat; width:132px; height:36px; float:right; margin-top:5px; font-size:16px; color:#333;-webkit-box-shadow: 0px 0px 10px rgba(50, 50, 50, 1);-moz-box-shadow: 0px 0px 10px rgba(50, 50, 50, 1); box-shadow: 0px 0px 10px rgba(50, 50, 50, 1); }
.home-reg input[type="submit"]:hover{ cursor:pointer;box-shadow:none; border:1px solid #999;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.home-reg input[type="radio"]{ margin:5px 0 5px 7px; padding:0 15px;}
.home-reg select{ margin:0; padding:6px 3px; border:0;-webkit-border-radius: 2px;
-moz-border-radius: 2px;border-radius: 2px;}
.home-reg select.citys{ width:220px}
.home-reg input.reg-year[type="text"]{ width:47px; -webkit-border-radius: 2px;
-moz-border-radius: 2px;border-radius: 2px;}

.home .home-search{ margin-top:450px;}
.home-search{ background:url('../img/template/home-search-ln.png') top left repeat-x; height:40px; margin:0; padding:0;-moz-border-radius-bottomright: 10px;-webkit-border-bottom-right-radius: 10px; border-bottom-right-radius: 10px;-moz-border-radius-bottomleft: 10px;
-webkit-border-bottom-left-radius: 10px;
border-bottom-left-radius: 10px;}
.home-search-resize{ background:url('../img/template/home-search-shadow.jpg') center bottom no-repeat; height:57px;}
.home-search p{ color:#FFF; margin:0; padding:0; line-height:40px; float:left; padding-left:10px;}
.home-search .search{ float:right; width:350px; margin-top:4px;}
.home-search input[type="text"]{ border:none; background: url('../img/template/home-search-bg.png') center center no-repeat; width:285px; height:30px; padding-left:25px; margin:0px;}
.home-search input[type="button"]{ border:none; background: url('../img/template/search-btn.png') center center no-repeat; width:23px; height:24px; float:right; margin:3px 9px 3px 5px; font-size:0;}
.home-search input[type="button"]:hover{ cursor:pointer;}

#home-slider{ width:100%; background:url('../img/template/premium-user-bg.png') bottom left repeat-x; margin-bottom:20px;}
#home-slider nav{ background:#FFF;}
#home-slider h3{ font-size:20px; font-weight:normal; line-height:26px; color:#666}
#home-slider h3 span{ font-size:26px; color:#2869AE;}
p.follow-us{ font-size:11px; padding-right:20px; line-height:32px; text-align:right; color:#666; margin:5px 0 0 0; float:right}
.ui-helper-reset{ font-size:12px; font-family: Arial,sans-serif;}
.ui-widget-content{ font-size:12px; font-family: Arial,sans-serif;}

footer .f_container{ border-top: 1px solid #ccc; padding:10px 0;}
footer .f_container p.copyright{ float:right; text-align: right; color:#666; font-size:11px; margin:0; padding:0 10px 10px 0; width:180px;}
footer .f_container ul{ list-style:none; margin:0; padding:0; display: inline;}
footer .f_container ul li{ list-style:none; float: left; padding:0 5px; border-right:1px solid #ccc; display: inline}
footer .f_container ul li:last-child{ border:none }

/*Registracija str*/

.reg-form{background:url('../img/template/reg-img.jpg') bottom right no-repeat; margin-bottom:2px; min-height: 400px;}
.reg-form table{ background-color:#f1f1f1; -webkit-border-radius: 5px;
-moz-border-radius: 5px;border-radius: 5px; border:1px solid #e5e5e5}
.reg-form table p{ font-size:11px; float:left; width:280px; padding-left:50px;}
.reg-form input[type="password"]{ width:295px; height:20px; border:1px solid #2869AE; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;}
.reg-form input[type="text"]{ width:295px; height:20px; border:1px solid #2869AE; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;}
.reg-form input.reg-year[type="text"]{ width:47px;}
.reg-form input[type="button"], .reg-form input[type="submit"] {border:none; background: url('../img/template/home-reg-btn.png') center center no-repeat; width:132px; height:36px; float:right; margin-top:5px; font-size:16px; color:#333; }
.reg-form input[type="button"]:hover, .reg-form input[type="submit"]:hover { cursor:pointer;}
.reg-form textarea{ width:295px; height:60px; border:1px solid #2869AE; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;}
.reg-form select{ margin:0; padding:2px 3px; border:1px solid #2869AE; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;}

/*Profil str*/
.block{ float:left;width:438px; display:block; padding-top:10px;}
.block h4{ color:#666; border-bottom:1px solid #e1e1e1; font-size:16px; font-weight:normal; line-height:20px; margin:0 0 7px 0; padding:0 0 5px 0; }
.block h4 span{ float:right; font-size:12px}
.block-left{ float:left; width:240px; display:block; margin:10px 10px 10px 0; padding-right:10px; border-right:1px solid #e1e1e1;}
.block-right{ float:right; width:240px; display:block; margin:10px 0 10px 10px; padding-left:10px; border-left:1px solid #e1e1e1;}
.baloon{background: url('../img/template/baloon.png') right top no-repeat; height:20px; margin-top:-25px;}
.about-me{ background:#F8F2D4; display:block; width:240px; margin:0; -webkit-border-radius: 10px; -moz-border-radius: 10px;border-radius: 10px;}
.about-me p{ padding:10px; margin:0; color:#333;}
.about-me p span{ font-weight:bold; color:#000;}
img.profil{ margin:0; padding:5px; width:230px; height:auto; -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
-moz-box-shadow:    0px 0px 5px rgba(0, 0, 0, 0.5);
box-shadow:         0px 0px 5px rgba(0, 0, 0, 0.5);}

.profil-location{padding:5px; background:#f1f1f1;-webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;}
.profil-location img{ float:left; padding-right:5px;}
.profil-location p{ font-size:14px; font-weight:normal; color:#333; padding-top:5px;}
.profil-location p span{ font-size:12px; color:#999; font-weight:normal}
.profil-location .search-region{ float:right; width:230px; background:#e1e1e1; margin:-16px -5px -10px 0; padding:6px 3px 1px 3px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px;transition: all 0.2s ease-out 0s;font-size: 11px;}
.profil-location .search-region:hover{background:#2869AE;}
.profil-location .search-region:hover a{color:#fff;}

.profil-info{margin:10px 0; padding:0 0 3px 10px; border-bottom:1px dotted #f1f1f1}
.profil-info p{ font-size:12px;margin:0; padding:0 0 3px 10px; color:#666}
.profil-info p span{ color:#960; font-size:12px; padding-right:3px;}
.profil-info input[type="text"]{width:300px; padding:5px; border:1px solid #2869AE}
.profil-info input[type="text"].reg-year{width:100px; padding:5px; border:1px solid #2869AE}
.profil-info input[type="password"]{width:300px; padding:5px; border:1px solid #2869AE}
.profil-info textarea{width:300px;padding:5px; border:1px solid #2869AE}
.profil-info select{padding:4px; border:1px solid #2869AE}
.edit-profil p span{ color:#666; width:430px; float:left; display:block; padding:5px; clear:both}
.edit-profil input[type="text"]{width:400px; border:1px solid #2869AE}
.edit-profil textarea{width:400px; border:1px solid #2869AE;  }

.inline-edit { width: 150px !important; }

a.link-edit{ background:url('../img/template/link-edit.png') left no-repeat; padding-left:15px;}
a.link-edit:hover{ text-decoration:underline;}

.profil-gallery { margin:0; padding-bottom:10px; border-bottom:1px solid #f1f1f1}
.profil-gallery img{margin:2px; padding:3px; width:75px; height:75px; -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
-moz-box-shadow:    0px 0px 5px rgba(0, 0, 0, 0.5); box-shadow:         0px 0px 5px rgba(0, 0, 0, 0.5);}
.profil-gallery img:hover{ -webkit-box-shadow: 0px 0px 7px rgba(40, 105, 174, 1); -moz-box-shadow:    0px 0px 7px rgba(40, 105, 174, 1);
box-shadow:         0px 0px 7px rgba(40, 105, 174, 1);}

.side-module{ margin:0 0 20px 0; padding:10px; width:220px; -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); -moz-box-shadow:    0px 0px 5px rgba(0, 0, 0, 0.2); box-shadow:         0px 0px 5px rgba(0, 0, 0, 0.2); -webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px; border-bottom:1px solid #999}
.side-module h4{ margin:0 0 10px 0; padding:5px 0 5px 30px; border-bottom:1px dotted #CCC; font-size:16px; font-weight:normal; height:24px; line-height:24px}
.side-module h4.favorites{ background:url('../img/template/h4-favorites.png') left no-repeat; color:#CB564C}
.side-module h4.friends{ background:url('../img/template/h4-friends.png') left no-repeat;}
.side-module .profil-favorite, .side-module .profil-friends{ border-bottom:1px solid #f1f1f1; padding-bottom:5px; margin-bottom:5px}
.side-module .profil-favorite img, .side-module .profil-friends img{ margin:1px; padding:2px; width:46px; height:46px; -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
-moz-box-shadow:    0px 0px 2px rgba(0, 0, 0, 0.5); box-shadow:         0px 0px 2px rgba(0, 0, 0, 0.5);}
.side-module .profil-favorite img:hover, .side-module .profil-friends img:hover{ -webkit-box-shadow: 0px 0px 5px rgba(40, 105, 174, 1);
-moz-box-shadow:    0px 0px 5px rgba(40, 105, 174, 1); box-shadow:         0px 0px 5px rgba(40, 105, 174, 1);}

p.view-profil { font-size:12px; color:#666}
p.view-profil span{ font-size:36px; color:#2869AE; padding:10px 10px 5px 0; display:block; float:left;}
.basic-module { margin-bottom:20px; padding:0;}
ul.side-menu { margin:0; padding:0; list-style:none;}
ul.side-menu li{ margin-bottom:1px;}
ul.side-menu li a{ display:block; width:240px; line-height:36px; background:#e1e1e1;-webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px; font-size:16px;}
ul.side-menu li a:hover{background:#2869AE; color:#FFF;}
ul.side-menu li a img{margin:5px 5px 0 5px; display:block; float:left}

div.image{ margin:0; padding:0 0 5px 0; width:87px;transition: all 0.4s ease-out 0s; float:left}
div.image:hover{ background:#2869AE; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;}
div.image img{ border:1px solid #e1e1e1; box-shadow:none; background-color:#FFF;}
div.image:hover img{ border:1px solid #ccc;}
div.image img:hover{ box-shadow:none;}
div.image span{ font-size:10px;}
div.image input[type="button"]{ margin:0; padding:0; width:19px; height:15px; display:block; float:right; font-size:0;}
input[type="button"]:hover{ cursor:pointer;}

div.image input[type="button"].unlock{ border:none; background:url('../img/template/unlock.png') center no-repeat;}
div.image input[type="button"].lock{border:none; background:url('../img/template/lock.png') center no-repeat;}

div.image input[type="button"].delete-img{ border:none; background:url('../img/template/delete-img.png') center no-repeat;}
div.image a.delete-img{ margin:0; padding:0; width:19px; height:15px; display:block; float:right; font-size:0;  border:none; background:url('../img/template/delete-img.png') center no-repeat;}

input[type="button"].save, input[type="submit"].save{ border:none; padding:2px 2px 2px 30px; background:#e5e5e5 url('../img/template/save-btn.png') 2px -3px no-repeat; height:30px; text-transform:uppercase; font-size:11px; float:right; display:block;-webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px;transition: all 0.2s ease-out 0s; color:#090;-webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5); -moz-box-shadow:0px 0px 3px rgba(0, 0, 0, 0.5); box-shadow:0px 0px 3px rgba(0, 0, 0, 0.5);}
input[type="button"].save:hover, input[type="submit"].save:hover{background:#2869AE url('../img/template/save-btn.png') 2px -34px no-repeat; color:#FFF; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;}
input[type="file"]{background:#fff; border:1px solid #f1f1f1}

.notifications{background:#f1f1f1; border:1px solid #ccc; margin:0 0 2px 0; padding:2px;transition: all 0.2s ease-out 0s; line-height:18px}
.notifications:hover{border:1px solid #999; background:#fff}
.new{background:#DFEFFF; border:1px solid #999; margin:0 0 2px 0; padding:2px;}
.new:hover{background:#DFEFFF; border:1px solid #2869AE; margin:0 0 2px 0; padding:2px;}
.notifications a{ display:block; width:100%; height:100%;}
.notifications img{ display:block; float:left; width:50px; height:50px; padding:2px; margin-right:5px; background-color:#FFF; border:1px solid #ccc}
 span.name{ font-size:16px; font-weight:normal; color:#2869AE}
 span.time{ font-size:10px; padding:0 3px; color:#666;}
.notifications span.msg-intro{ display:block;font-size:11px; color:#999; height:28px; overflow:hidden; text-overflow: ellipsis; line-height:14px;}

/*  */
.notifications input[type="button"].delete-notif{ width:18px; height:18px; margin:0; padding:0; background:none; float:right; position:relative; border:none}
.notifications:hover input[type="button"].delete-notif{ width:18px; height:18px; background: url('../img/template/delete-img.png') center center no-repeat; float:right; position:relative; border:none;  padding:5px;}

.notifications a.delete-notif{ width:18px; height:18px; margin:0; padding:0; background:none; float:right; position:relative; border:none}
.notifications:hover a.delete-notif{ width:18px; height:18px; background: url('../img/template/delete-img.png') center center no-repeat; float:right; position:relative; border:none;  padding:5px;}


/*
.notifications input[type="button"].delete-friend{ width:20px; height:20px; margin:0; padding:0; background:none; float:right; position:relative; border:none}
.notifications:hover input[type="button"].delete-friend{ width:20px; height:20px; background: url('../img/template/delete-friend.png') center center no-repeat; float:right; position:relative; border:none;  padding:5px;}
*/

.notifications a.delete-friend{ width:20px; height:20px; margin:0; padding:0; background:none; float:right; position:relative; border:none}
.notifications:hover a.delete-friend{ width:20px; height:20px; background: url('../img/template/delete-friend.png') center center no-repeat; float:right; position:relative; border:none;  padding:5px;}

/*
.notifications input[type="button"].add-friend{ width:20px; height:20px; margin:0; padding:0; background:none; float:right; position:relative; border:none}
.notifications:hover input[type="button"].add-friend{ width:20px; height:20px; background: url('../img/template/add-friend.png') center center no-repeat; float:right; position:relative; border:none;  padding:5px;}
*/
.notifications a.add-friend{ width:20px; height:20px; margin:0; padding:0; background:none; float:right; position:relative; border:none}
.notifications:hover a.add-friend{ width:20px; height:20px; background: url('../img/template/add-friend.png') center center no-repeat; float:right; position:relative; border:none;  padding:5px;}
/*
.notifications input[type="button"].delete-favorite{ width:20px; height:20px; margin:0; padding:0; background:none; float:right; position:relative; border:none}
.notifications:hover input[type="button"].delete-favorite{ width:20px; height:20px; background: url('../img/template/delete-favorite.png') center center no-repeat; float:right; position:relative; border:none;  padding:5px;}
*/
.notifications a.delete-favorite{ width:20px; height:20px; margin:0; padding:0; background:none; float:right; position:relative; border:none}
.notifications:hover a.delete-favorite{ width:20px; height:20px; background: url('../img/template/delete-favorite.png') center center no-repeat; float:right; position:relative; border:none;  padding:5px;}

.conversation-block{ max-height:400px;; margin-bottom:15px;overflow:auto}
.conversation-block p{ margin:0; padding:0; color:#666}
.conversation-block .msg-left .user-name{ margin:0 0 5px 0; padding:2px; border-bottom:1px dotted #fc6;}
.conversation-block .msg-right .user-name{ margin:0 0 5px 0; padding:2px; border-bottom:1px dotted #ccc;}
.conversation-block img{ display:block; width:50px; height:50px; float:left; padding:3px; background:#FFF; border:1px solid #ccc;-webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px;}
.conversation-block .baloon-l{ background: url('../img/template/baloon-l.png') 0 0 no-repeat; width:10px; height:40px; float:left; display:block; margin-right:-1px; position:relative}
.conversation-block .baloon-r{ background: url('../img/template/baloon-r.png') 0 0 no-repeat; width:10px; height:40px; float:left; display:block; margin-left:-1px; position:relative}
.conversation-block .msg{ margin-bottom:7px;}
.conversation-block .msg-left{ display:block; float:left; width:337px; background:#ffc;-webkit-border-radius: 10px; -moz-border-radius: 10px;border-radius: 10px; padding:5px;border:1px solid #fc6;}
.conversation-block .msg-right{ display:block; float:left; width:337px; background:#f1f1f1;-webkit-border-radius: 10px; -moz-border-radius: 10px;border-radius: 10px; padding:5px;border:1px solid #ccc;}
.chat-box{ width:433px; height:100px; margin-bottom:5px;}
.conversation-block .msg p { 
   white-space: pre-wrap;      /* CSS3 */   
   white-space: -moz-pre-wrap; /* Firefox */    
   white-space: -pre-wrap;     /* Opera <7 */   
   white-space: -o-pre-wrap;   /* Opera 7 */    
   word-wrap: break-word;      /* IE */ 
}

.search-friend input[type="text"]{ border:none; background: url('../img/template/home-search-bg.png') center center no-repeat; width:285px; height:30px; padding-left:25px; margin:0 0 10px 0;}


span.online{ background:url('../img/status.png') 0 0 no-repeat; display: block; float:left; padding:3px; width:14px; height:12px}
span.offline{ background:url('../img/status.png') 0 -24px no-repeat; display: block; float:left; padding:3px; width:14px; height:12px}
a.poke-back{ background: url('../img/poke-back.png') 230px 0 no-repeat; display:block; font-size:12px; text-transform:uppercase; height:16px;text-align:right; margin-top:18px;transition: all 0.5s ease-out 0s;}
a.poke-back:hover{ background: url('../img/poke-back.png') 62px 0 no-repeat; display:block; }
img.presents-img{ background:none; float:right; width:30px; height:30px; border:none; margin-top:-20px;}
a.present-back{width:250px; float:left}

div.center{display:block; float:left; width:699px;}
div.search-list{ width:106px; float:left; display:block;  margin:5px 10px 5px 0; padding:0;}
div.search-list img{ border:1px solid #CCC; padding:3px;transition: all 0.4s ease-out 0s;}
div.search-list:hover img{border:1px solid #2869AE;}
div.search-list span{ width:106px; display:block; overflow:hidden; text-overflow: ellipsis;}

div.search-option h4 { margin:0; padding:0 0 3px 0; line-height: none;}
div.search-option p { margin:15px 0 2px 0; padding:0; color:#333}
div.search-option input[type="text"] { width:232px; border: 1px solid #2869AE;
 border-radius: 3px 3px 3px 3px; height: 24px; padding:0 3px;}
 div.search-option input[type="text"]#amount{ width:100px;}
 div.search-option input[type="button"] { margin-top:15px;}
div.search-option select { width:240px; border: 1px solid #2869AE;
 border-radius: 3px 3px 3px 3px; padding:4px;}
 div.search-option #slider-range{ width:240px;}
 
 
 
 /** PAGINATION ELEMENTS  **/
.pagination { color: #666; }
.selected { color: #666;  cursor: default; }
.disabled { cursor: default; }
.flatview a { margin-left: 3px; margin-right: 3px; }

/* BUY BOX */
div.buy-box{ width:182px; height:237px; display:block; float:left; margin:5px; padding:0; background: url(../img/buy-box.jpg) no-repeat; font-weight:bold; text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);}
div.buy-box p.buy-paket-name{ font-size:20px; color:#fff; display:block; padding:5px 5px 0 65px}
div.buy-box p.buy-coin, p.buy-price{ font-size:12px; color:#F5C45D; display:block; text-align:center;}
div.buy-box p.buy-coin span{ font-size:48px; color:#fff; line-height:48px;}
div.buy-box p.buy-price span{ font-size:24px; color:#fff; line-height:42px}
div.buy-box a{ font-size:14px; color:#fff; text-align:center; display:block; line-height:26px}
div.buy-box label{ font-size:14px; color:#fff; text-align:center; display:block; line-height:26px; cursor: pointer;}
div.buy-box input[type="radio"] { /*display: none;*/ }
/* END BUY BOX */

/* PRESENT */
.choose-present { width:488px; padding:0 10px }
#selectable .ui-selecting { background: #4187D3; }
#selectable .ui-selected { background: #2869AE; color: white; }
#selectable { list-style-type: none; margin:10px 0; padding: 0; }
#selectable li { margin: 5px; padding: 5px; width:100px; height:100px; float:left; cursor: pointer; }
#response_present { display: none; color: #009900; background-color: #F1F1F1; padding: 5px; margin-left: 10px; border: solid 1px #E1E1E1; border-radius: 10px; }

/* Contact */
.contact-form{background:url(../img/template/reg-img.jpg) bottom right no-repeat; margin-bottom:2px; float:left}
.contact-form table{ background-color:#f1f1f1; -webkit-border-radius: 5px;
-moz-border-radius: 5px;border-radius: 5px; border:1px solid #e5e5e5; padding:10px;}
.contact-form table p{ font-size:12px; float:left;}
.contact-form table tr{ display:block; margin:3px;}
.contact-form input[type="text"]{ width:295px; height:30px; border:1px solid #2869AE; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;}
.contact-form textarea{ width:295px; height:60px; border:1px solid #2869AE; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;}
.contact-form img#captchaimg{ width:258px; height:30px; border:1px solid #2869AE; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;}